<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>这是ejs模板</title>
  </head>
  <body>
    <%- include('../public/header'); %>
    <h1>Hello EJS 哈哈</h1>
    <!-- 
        通过它可以将render传递进来的数据直接在网页中显示出来
        // <%= %>在ejs中输出内容时，它会自动对字符串中的特殊符号进行转义 &lt;
        //    这个设计主要是为了避免 xss 攻击
        // <%- %> 直接将内容输出
        // <% %>  可以在其中直接编写js代码，js代码会在服务器中执行
    -->
    <%=name %>
    <form action="/set_name">
        <input type="text" name="name" placeholder="请输入你的名字" />
        <button>提交</button>
    </form>

    <% if(name === "孙悟空") {%>
    <h2>大师兄来了</h2>
    <%} else{%>
    <h2>二师兄来了</h2>
    <%}%>
  </body>
</html>